.iClock {
  position: relative;
  width: 300px;
  padding: 5px;
  display: flex;
  font-family: TrebuchetMS,Rotobo,"Microsoft YaHei",sans-serif;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
}

.iClock .container {
  position: relative;
  height: 80px;
  width: 80px;
  border-radius: 150px;
  box-shadow: #353535 0px 0px 1px 0px;
  border: 1px solid #ffffff;
}

.iClock .display {

}

.iClock .second {
  height: 35px;
  width: 1px;
  top: 5px;
  left: 39px;
  background-color: #ffffff;
}

.iClock .minute {
  height: 31px;
  width: 2px;
  top: 9px;
  left: 39px;
  background-color: #8e8e8e;
}

.iClock .hour {
  height: 27px;
  width: 2px;
  top: 13px;
  left: 39px;
  background-color: #8e8e8e;
}

.iClock .second, .iClock .minute, .iClock .hour {
  position: absolute;
  transform-origin: center bottom;
  //box-shadow: 0px 0px 2px 0px #ffffff;
}

.iClock .center {
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 1px #8c8c8c;
  position: absolute;
  top: 39px;
  left: 39px;
}

.iClock .time {
  line-height: 60px;
  font-size: 60px;
  color: #fff;
  margin-left: 15px;
  height: 60px;
}

.iClock .time span {
  font-size: 32px;
}

.iClock .date {
  font-size: 20px;
  color: #fff;
  display: flex;
  flex-flow: column;
  margin-left: 15px;
  padding: 6px 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.iClock .date > div {

}